<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
   <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>文章页面</title>
<link rel="stylesheet" href="static/logo.css">
<link rel="stylesheet" href="static/end.css">
<link rel="stylesheet" href="static/article.css">
</head>
<body>
 <div id="home" >
	<div class="top">
		<span class="a"><a href="blog.jsp"><img src="img/logo.png" height="120" width="190"></a></span>
			<ul class="top-1">
			<li><a href="blog.jsp">个人博客</a></li>
			<li><a href="message.jsp">留言</a></li>
			<li><a href="login.jsp">前台登录</a></li>
			<li><a href="login.jsp">后台登录</a></li>
			<li><a href="aboutMe.jsp">关于我</a></li>
			<li align="left"class="a2">欢迎你浏览小源博客！</li>
		</ul>
	</div>
	    <div class="article">
	    <div class="article-left">
	    <div class="article-left-1">
	         <p style="font-size: 28px;">标题：达瓦达瓦大</p>
	           <span><img src="img/article/person.jpg"></span>作者：XXX<img src="img/article/time.jpg">时间:2019-8-1 12:12:12
	          </div>
	            <div class="article-left-2">
	              <p>内容摘要：的瓦打我打我大大大</p>
	          </div>
	            
	          <div class="article-left-3">
	          <img alt="" src="img/article/art-1.jpg"style=" width: 595px; height: 412px;">
	          </div>
	          <div class="article-left-4">
	           <p >文章 wdada</p>
	           </div>
	         
	           	
	           <div class="left-4">
	           			 评论：
	           	</div>
	           	<div  class="left-5" >
	              <textarea rows="15" cols="113" name="content"autocomplete="off"placeholder="没事说倆句吧！" class="nr"></textarea>
	             <p><input type="submit" value="提交" class="pl"></p>
	               <div>
	                <p>最新评论:</p>
	           
	           </div>
	           </div>
	          
	           
	    </div>
	   
	   
	   
	   
	   
	    <div class="article-right">
	          <div class="article-right-1">
               <p>hot！热门标签</p>
          </div>
				<div>
				   <ul class="right-1">
                    <li><a>css</a></li>
                 	<li><a>js</a></li>
                 	<li><a>jq</a></li>
                 	<li><a>Java</a></li>
                 	<li><a>MYSQL</a></li>
                 	<li><a>JavaWeb</a></li>
                 	<li><a>博客</a></li>
                 	<li><a>小源</a></li>
                 	<li><a>相册</a></li>
                 	<li><a>留言</a></li>
                 	<li><a>学习</a></li>
                 	<li><a>Html</a></li>
                 	<li><a>三层架构</a></li>
                 </ul>
				</div>
	    </div>
	    <div class="article-right-2">
	    <p>热门推荐：</p>
	    </div>
	    </div>
	
	 <div class="end">
    <div>
        <p>博客热线：221555555 <span>法务部邮箱：DDDER@cnr.cn</span></p>
        <p class="end-2">公众号：125546 </p>
        <p class="end-3">
            <span>电子邮箱：1251531355@cnr.cn</span>
            <span>违法和不良信息举报电话：1344646433</span> 中国互联网举报中心
            <span class="end-2">关注号：1155664 </span><span> </span>
        </p>
        <p class="end-2">建议邮箱:156146@132.com</p>
        <p class="end-3">
            |<a href="#">小源简介</a>|
            <a href="#">版权声明</a>|
            <a href="#">在线咨询</a>|
            <a href="#">法律声明</a>|
            <a href="#">服务电话</a>|
            <a href="#">广告服务</a>|
        </p>
        <p class="img-1">
            <span>关注码：</span>
            <span><img src="img/er.jpg"width=110px height=100px/></span>

        </p>
       </div>
    </div>
    </div>
</body>
</html>